<style>
    .opcionFooter {
        float:left;
        padding:15px 10px 10px 30px;
    }
</style>
<div style="position:static;padding-top:0px;width:100%;min-width:1200px;background-color:black;color:white">
    <div class="opcionFooter" style="padding-left:20px;">
        <a class="footer" href="#" data-toggle="modal" data-target="#quien" style="font-size:12px">
            <i class="glyphicon glyphicon-user"></i>&nbsp;&nbsp;¿Quién hay detrás de Kinet?
        </a>
    </div>
     
    <div class="opcionFooter">
        <a class="footer" href="#" data-toggle="modal" data-target="#como" style="font-size:12px">
            <i class="glyphicon glyphicon-question-sign"></i>&nbsp;&nbsp;¿Cómo puede ayudarte?
        </a>
    </div>
    
    <div class="opcionFooter">
        <a class="footer" href="#" data-toggle="modal" data-target="#buzon" style="font-size:12px">
            <i class="glyphicon glyphicon-comment"></i>&nbsp;&nbsp;Buzón de sugerencias
        </a>
    </div>
    
    <div class="opcionFooter">
        <a class="footer" href="#" data-toggle="modal" data-target="#aviso" style="font-size:12px">
            <i class="glyphicon glyphicon-warning-sign"></i>&nbsp;&nbsp;Aviso Legal
        </a>
    </div>
   
    <div style="float:right;padding:10px 10px 10px 0">
        <!--<iframe width="400" height="225" src="//www.youtube.com/embed/G5iwnSvrIB8" frameborder="0" allowfullscreen></iframe>-->
         
        <table style="margin:0 auto;">
            <tr>
                <!--<td style="color:#500; font-weight:bold; font-size:16px;">Síguenos en: </td>-->
                <td style="width:20px; text-align:center"></td>
                <td style="width:30px; text-align:center"><a href="http://www.facebook.com"><img class="socialIcon" style="width:30px;height:auto;" src="../img/social/facebook.png"></a></td>
                <td style="width:30px; text-align:center"><a href="http://www.flickr.com"><img class="socialIcon" style="width:30px;height:auto;" src="../img/social/twitter.png"></a></td>
                <td style="width:30px; text-align:center"><a href="http://www.google.com"><img class="socialIcon" style="width:30px;height:auto;" src="../img/social/googleplus.png"></a></td>
                <td style="width:30px; text-align:center"><a href="http://www.pinterest.com"><img class="socialIcon" style="width:30px;height:auto;" src="../img/social/pinterest.png"></a></td>
            </tr>
        </table>
    </div>
    <div style="float:right;margin-top:15px;font-weight:bold;font-size:12px">Síguenos en </div>
    
    <div style="clear:both;"></div>
</div>

<!-- Ventanas Modales -->
<?php include 'quien.php'; ?>
<?php include 'como.php'; ?>
<?php include 'aviso.php'; ?>
<?php include 'buzon.php'; ?>

<script>
    $('#buzon').modal(options);
    $('#quien').modal(options);
    $('#como').modal(options);
    $('#aviso').modal(options);
</script>